(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } module.exports = _arrayLikeToArray; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],2:[function(require,module,exports){ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } module.exports = _arrayWithHoles; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],3:[function(require,module,exports){ var arrayLikeToArray = require("./arrayLikeToArray.js"); function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return arrayLikeToArray(arr); } module.exports = _arrayWithoutHoles; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./arrayLikeToArray.js":1}],4:[function(require,module,exports){ function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } module.exports = _assertThisInitialized; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],5:[function(require,module,exports){ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } module.exports = _asyncToGenerator; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],6:[function(require,module,exports){ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } module.exports = _classCallCheck; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],7:[function(require,module,exports){ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } module.exports = _createClass; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],8:[function(require,module,exports){ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } module.exports = _defineProperty; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],9:[function(require,module,exports){ function _extends() { module.exports = _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; module.exports["default"] = module.exports, module.exports.__esModule = true; return _extends.apply(this, arguments); } module.exports = _extends; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],10:[function(require,module,exports){ function _getPrototypeOf(o) { module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; module.exports["default"] = module.exports, module.exports.__esModule = true; return _getPrototypeOf(o); } module.exports = _getPrototypeOf; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],11:[function(require,module,exports){ var setPrototypeOf = require("./setPrototypeOf.js"); function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) setPrototypeOf(subClass, superClass); } module.exports = _inherits; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./setPrototypeOf.js":22}],12:[function(require,module,exports){ var setPrototypeOf = require("./setPrototypeOf.js"); function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; setPrototypeOf(subClass, superClass); } module.exports = _inheritsLoose; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./setPrototypeOf.js":22}],13:[function(require,module,exports){ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } module.exports = _interopRequireDefault; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],14:[function(require,module,exports){ var _typeof = require("@babel/runtime/helpers/typeof")["default"]; function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } module.exports = _interopRequireWildcard; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"@babel/runtime/helpers/typeof":26}],15:[function(require,module,exports){ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); } module.exports = _iterableToArray; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],16:[function(require,module,exports){ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } module.exports = _iterableToArrayLimit; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],17:[function(require,module,exports){ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } module.exports = _nonIterableRest; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],18:[function(require,module,exports){ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } module.exports = _nonIterableSpread; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],19:[function(require,module,exports){ var objectWithoutPropertiesLoose = require("./objectWithoutPropertiesLoose.js"); function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } module.exports = _objectWithoutProperties; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./objectWithoutPropertiesLoose.js":20}],20:[function(require,module,exports){ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } module.exports = _objectWithoutPropertiesLoose; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],21:[function(require,module,exports){ var _typeof = require("@babel/runtime/helpers/typeof")["default"]; var assertThisInitialized = require("./assertThisInitialized.js"); function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return assertThisInitialized(self); } module.exports = _possibleConstructorReturn; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./assertThisInitialized.js":4,"@babel/runtime/helpers/typeof":26}],22:[function(require,module,exports){ function _setPrototypeOf(o, p) { module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; module.exports["default"] = module.exports, module.exports.__esModule = true; return _setPrototypeOf(o, p); } module.exports = _setPrototypeOf; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],23:[function(require,module,exports){ var arrayWithHoles = require("./arrayWithHoles.js"); var iterableToArrayLimit = require("./iterableToArrayLimit.js"); var unsupportedIterableToArray = require("./unsupportedIterableToArray.js"); var nonIterableRest = require("./nonIterableRest.js"); function _slicedToArray(arr, i) { return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest(); } module.exports = _slicedToArray; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./arrayWithHoles.js":2,"./iterableToArrayLimit.js":16,"./nonIterableRest.js":17,"./unsupportedIterableToArray.js":27}],24:[function(require,module,exports){ var arrayWithHoles = require("./arrayWithHoles.js"); var iterableToArray = require("./iterableToArray.js"); var unsupportedIterableToArray = require("./unsupportedIterableToArray.js"); var nonIterableRest = require("./nonIterableRest.js"); function _toArray(arr) { return arrayWithHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableRest(); } module.exports = _toArray; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./arrayWithHoles.js":2,"./iterableToArray.js":15,"./nonIterableRest.js":17,"./unsupportedIterableToArray.js":27}],25:[function(require,module,exports){ var arrayWithoutHoles = require("./arrayWithoutHoles.js"); var iterableToArray = require("./iterableToArray.js"); var unsupportedIterableToArray = require("./unsupportedIterableToArray.js"); var nonIterableSpread = require("./nonIterableSpread.js"); function _toConsumableArray(arr) { return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread(); } module.exports = _toConsumableArray; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./arrayWithoutHoles.js":3,"./iterableToArray.js":15,"./nonIterableSpread.js":18,"./unsupportedIterableToArray.js":27}],26:[function(require,module,exports){ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { module.exports = _typeof = function _typeof(obj) { return typeof obj; }; module.exports["default"] = module.exports, module.exports.__esModule = true; } else { module.exports = _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; module.exports["default"] = module.exports, module.exports.__esModule = true; } return _typeof(obj); } module.exports = _typeof; module.exports["default"] = module.exports, module.exports.__esModule = true; },{}],27:[function(require,module,exports){ var arrayLikeToArray = require("./arrayLikeToArray.js"); function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen); } module.exports = _unsupportedIterableToArray; module.exports["default"] = module.exports, module.exports.__esModule = true; },{"./arrayLikeToArray.js":1}],28:[function(require,module,exports){ module.exports = require("regenerator-runtime"); },{"regenerator-runtime":518}],29:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var styles = { /* Styles applied to the root element. */ root: { display: 'flex', alignItems: 'center', padding: 8, justifyContent: 'flex-end' }, /* Styles applied to the root element if `disableSpacing={false}`. */ spacing: { '& > :not(:first-child)': { marginLeft: 8 } } }; exports.styles = styles; var AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions(props, ref) { var classes = props.classes, className = props.className, _props$disableSpacing = props.disableSpacing, disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing, other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "disableSpacing"]); return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({ className: (0, _clsx.default)(classes.root, className, !disableSpacing && classes.spacing), ref: ref }, other)); }); process.env.NODE_ENV !== "production" ? AccordionActions.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the component. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * If `true`, the actions do not have additional margin. */ disableSpacing: _propTypes.default.bool } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiAccordionActions' })(AccordionActions); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],30:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _AccordionActions.default; } }); var _AccordionActions = _interopRequireDefault(require("./AccordionActions")); },{"./AccordionActions":29,"@babel/runtime/helpers/interopRequireDefault":13}],31:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var styles = function styles(theme) { return { /* Styles applied to the root element. */ root: { display: 'flex', padding: theme.spacing(1, 2, 2) } }; }; exports.styles = styles; var AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails(props, ref) { var classes = props.classes, className = props.className, other = (0, _objectWithoutProperties2.default)(props, ["classes", "className"]); return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({ className: (0, _clsx.default)(classes.root, className), ref: ref }, other)); }); process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the accordion details. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiAccordionDetails' })(AccordionDetails); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],32:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _AccordionDetails.default; } }); var _AccordionDetails = _interopRequireDefault(require("./AccordionDetails")); },{"./AccordionDetails":31,"@babel/runtime/helpers/interopRequireDefault":13}],33:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _ButtonBase = _interopRequireDefault(require("../ButtonBase")); var _IconButton = _interopRequireDefault(require("../IconButton")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _AccordionContext = _interopRequireDefault(require("../Accordion/AccordionContext")); /* eslint-disable jsx-a11y/aria-role */ var styles = function styles(theme) { var transition = { duration: theme.transitions.duration.shortest }; return { /* Styles applied to the root element. */ root: { display: 'flex', minHeight: 8 * 6, transition: theme.transitions.create(['min-height', 'background-color'], transition), padding: theme.spacing(0, 2), '&:hover:not($disabled)': { cursor: 'pointer' }, '&$expanded': { minHeight: 64 }, '&$focused': { backgroundColor: theme.palette.action.focus }, '&$disabled': { opacity: theme.palette.action.disabledOpacity } }, /* Pseudo-class applied to the root element, children wrapper element and `IconButton` component if `expanded={true}`. */ expanded: {}, /* Pseudo-class applied to the root element if `focused={true}`. */ focused: {}, /* Pseudo-class applied to the root element if `disabled={true}`. */ disabled: {}, /* Styles applied to the children wrapper element. */ content: { display: 'flex', flexGrow: 1, transition: theme.transitions.create(['margin'], transition), margin: '12px 0', '&$expanded': { margin: '20px 0' } }, /* Styles applied to the `IconButton` component when `expandIcon` is supplied. */ expandIcon: { transform: 'rotate(0deg)', transition: theme.transitions.create('transform', transition), '&:hover': { // Disable the hover effect for the IconButton, // because a hover effect should apply to the entire Expand button and // not only to the IconButton. backgroundColor: 'transparent' }, '&$expanded': { transform: 'rotate(180deg)' } } }; }; exports.styles = styles; var AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary(props, ref) { var children = props.children, classes = props.classes, className = props.className, expandIcon = props.expandIcon, IconButtonProps = props.IconButtonProps, onBlur = props.onBlur, onClick = props.onClick, onFocusVisible = props.onFocusVisible, other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "expandIcon", "IconButtonProps", "onBlur", "onClick", "onFocusVisible"]); var _React$useState = React.useState(false), focusedState = _React$useState[0], setFocusedState = _React$useState[1]; var handleFocusVisible = function handleFocusVisible(event) { setFocusedState(true); if (onFocusVisible) { onFocusVisible(event); } }; var handleBlur = function handleBlur(event) { setFocusedState(false); if (onBlur) { onBlur(event); } }; var _React$useContext = React.useContext(_AccordionContext.default), _React$useContext$dis = _React$useContext.disabled, disabled = _React$useContext$dis === void 0 ? false : _React$useContext$dis, expanded = _React$useContext.expanded, toggle = _React$useContext.toggle; var handleChange = function handleChange(event) { if (toggle) { toggle(event); } if (onClick) { onClick(event); } }; return /*#__PURE__*/React.createElement(_ButtonBase.default, (0, _extends2.default)({ focusRipple: false, disableRipple: true, disabled: disabled, component: "div", "aria-expanded": expanded, className: (0, _clsx.default)(classes.root, className, disabled && classes.disabled, expanded && classes.expanded, focusedState && classes.focused), onFocusVisible: handleFocusVisible, onBlur: handleBlur, onClick: handleChange, ref: ref }, other), /*#__PURE__*/React.createElement("div", { className: (0, _clsx.default)(classes.content, expanded && classes.expanded) }, children), expandIcon && /*#__PURE__*/React.createElement(_IconButton.default, (0, _extends2.default)({ className: (0, _clsx.default)(classes.expandIcon, expanded && classes.expanded), edge: "end", component: "div", tabIndex: null, role: null, "aria-hidden": true }, IconButtonProps), expandIcon)); }); process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the accordion summary. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The icon to display as the expand indicator. */ expandIcon: _propTypes.default.node, /** * Props applied to the `IconButton` element wrapping the expand icon. */ IconButtonProps: _propTypes.default.object, /** * @ignore */ onBlur: _propTypes.default.func, /** * @ignore */ onClick: _propTypes.default.func, /** * @ignore */ onFocusVisible: _propTypes.default.func } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiAccordionSummary' })(AccordionSummary); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../Accordion/AccordionContext":36,"../ButtonBase":58,"../IconButton":146,"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],34:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _AccordionSummary.default; } }); var _AccordionSummary = _interopRequireDefault(require("./AccordionSummary")); },{"./AccordionSummary":33,"@babel/runtime/helpers/interopRequireDefault":13}],35:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray")); var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _reactIs = require("react-is"); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _utils = require("@material-ui/utils"); var _Collapse = _interopRequireDefault(require("../Collapse")); var _Paper = _interopRequireDefault(require("../Paper")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _AccordionContext = _interopRequireDefault(require("./AccordionContext")); var _useControlled3 = _interopRequireDefault(require("../utils/useControlled")); var styles = function styles(theme) { var transition = { duration: theme.transitions.duration.shortest }; return { /* Styles applied to the root element. */ root: { position: 'relative', transition: theme.transitions.create(['margin'], transition), '&:before': { position: 'absolute', left: 0, top: -1, right: 0, height: 1, content: '""', opacity: 1, backgroundColor: theme.palette.divider, transition: theme.transitions.create(['opacity', 'background-color'], transition) }, '&:first-child': { '&:before': { display: 'none' } }, '&$expanded': { margin: '16px 0', '&:first-child': { marginTop: 0 }, '&:last-child': { marginBottom: 0 }, '&:before': { opacity: 0 } }, '&$expanded + &': { '&:before': { display: 'none' } }, '&$disabled': { backgroundColor: theme.palette.action.disabledBackground } }, /* Styles applied to the root element if `square={false}`. */ rounded: { borderRadius: 0, '&:first-child': { borderTopLeftRadius: theme.shape.borderRadius, borderTopRightRadius: theme.shape.borderRadius }, '&:last-child': { borderBottomLeftRadius: theme.shape.borderRadius, borderBottomRightRadius: theme.shape.borderRadius, // Fix a rendering issue on Edge '@supports (-ms-ime-align: auto)': { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } } }, /* Styles applied to the root element if `expanded={true}`. */ expanded: {}, /* Styles applied to the root element if `disabled={true}`. */ disabled: {} }; }; exports.styles = styles; var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(props, ref) { var childrenProp = props.children, classes = props.classes, className = props.className, _props$defaultExpande = props.defaultExpanded, defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, expandedProp = props.expanded, onChange = props.onChange, _props$square = props.square, square = _props$square === void 0 ? false : _props$square, _props$TransitionComp = props.TransitionComponent, TransitionComponent = _props$TransitionComp === void 0 ? _Collapse.default : _props$TransitionComp, TransitionProps = props.TransitionProps, other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "defaultExpanded", "disabled", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"]); var _useControlled = (0, _useControlled3.default)({ controlled: expandedProp, default: defaultExpanded, name: 'Accordion', state: 'expanded' }), _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2), expanded = _useControlled2[0], setExpandedState = _useControlled2[1]; var handleChange = React.useCallback(function (event) { setExpandedState(!expanded); if (onChange) { onChange(event, !expanded); } }, [expanded, onChange, setExpandedState]); var _React$Children$toArr = React.Children.toArray(childrenProp), _React$Children$toArr2 = (0, _toArray2.default)(_React$Children$toArr), summary = _React$Children$toArr2[0], children = _React$Children$toArr2.slice(1); var contextValue = React.useMemo(function () { return { expanded: expanded, disabled: disabled, toggle: handleChange }; }, [expanded, disabled, handleChange]); return /*#__PURE__*/React.createElement(_Paper.default, (0, _extends2.default)({ className: (0, _clsx.default)(classes.root, className, expanded && classes.expanded, disabled && classes.disabled, !square && classes.rounded), ref: ref, square: square }, other), /*#__PURE__*/React.createElement(_AccordionContext.default.Provider, { value: contextValue }, summary), /*#__PURE__*/React.createElement(TransitionComponent, (0, _extends2.default)({ in: expanded, timeout: "auto" }, TransitionProps), /*#__PURE__*/React.createElement("div", { "aria-labelledby": summary.props.id, id: summary.props['aria-controls'], role: "region" }, children))); }); process.env.NODE_ENV !== "production" ? Accordion.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the accordion. */ children: (0, _utils.chainPropTypes)(_propTypes.default.node.isRequired, function (props) { var summary = React.Children.toArray(props.children)[0]; if ((0, _reactIs.isFragment)(summary)) { return new Error("Material-UI: The Accordion doesn't accept a Fragment as a child. " + 'Consider providing an array instead.'); } if (! /*#__PURE__*/React.isValidElement(summary)) { return new Error('Material-UI: Expected the first child of Accordion to be a valid element.'); } return null; }), /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * If `true`, expands the accordion by default. */ defaultExpanded: _propTypes.default.bool, /** * If `true`, the accordion will be displayed in a disabled state. */ disabled: _propTypes.default.bool, /** * If `true`, expands the accordion, otherwise collapse it. * Setting this prop enables control over the accordion. */ expanded: _propTypes.default.bool, /** * Callback fired when the expand/collapse state is changed. * * @param {object} event The event source of the callback. * @param {boolean} expanded The `expanded` state of the accordion. */ onChange: _propTypes.default.func, /** * If `true`, rounded corners are disabled. */ square: _propTypes.default.bool, /** * The component used for the collapse effect. * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component. */ TransitionComponent: _propTypes.default.elementType, /** * Props applied to the [`Transition`](http://reactcommunity.org/react-transition-group/transition#Transition-props) element. */ TransitionProps: _propTypes.default.object } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiAccordion' })(Accordion); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../Collapse":84,"../Paper":198,"../styles/withStyles":347,"../utils/useControlled":370,"./AccordionContext":36,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"@babel/runtime/helpers/slicedToArray":23,"@babel/runtime/helpers/toArray":24,"@material-ui/utils":451,"_process":527,"clsx":454,"prop-types":494,"react":517,"react-is":504}],36:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var React = _interopRequireWildcard(require("react")); /** * @ignore - internal component. * @type {React.Context<{} | {expanded: boolean, disabled: boolean, toggle: () => void}>} */ var AccordionContext = React.createContext({}); if (process.env.NODE_ENV !== 'production') { AccordionContext.displayName = 'AccordionContext'; } var _default = AccordionContext; exports.default = _default; }).call(this)}).call(this,require('_process')) },{"@babel/runtime/helpers/interopRequireWildcard":14,"_process":527,"react":517}],37:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _Accordion.default; } }); var _Accordion = _interopRequireDefault(require("./Accordion")); },{"./Accordion":35,"@babel/runtime/helpers/interopRequireDefault":13}],38:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _capitalize = _interopRequireDefault(require("../utils/capitalize")); var _Paper = _interopRequireDefault(require("../Paper")); var styles = function styles(theme) { var backgroundColorDefault = theme.palette.type === 'light' ? theme.palette.grey[100] : theme.palette.grey[900]; return { /* Styles applied to the root element. */ root: { display: 'flex', flexDirection: 'column', width: '100%', boxSizing: 'border-box', // Prevent padding issue with the Modal and fixed positioned AppBar. zIndex: theme.zIndex.appBar, flexShrink: 0 }, /* Styles applied to the root element if `position="fixed"`. */ positionFixed: { position: 'fixed', top: 0, left: 'auto', right: 0, '@media print': { // Prevent the app bar to be visible on each printed page. position: 'absolute' } }, /* Styles applied to the root element if `position="absolute"`. */ positionAbsolute: { position: 'absolute', top: 0, left: 'auto', right: 0 }, /* Styles applied to the root element if `position="sticky"`. */ positionSticky: { // ⚠️ sticky is not supported by IE 11. position: 'sticky', top: 0, left: 'auto', right: 0 }, /* Styles applied to the root element if `position="static"`. */ positionStatic: { position: 'static' }, /* Styles applied to the root element if `position="relative"`. */ positionRelative: { position: 'relative' }, /* Styles applied to the root element if `color="default"`. */ colorDefault: { backgroundColor: backgroundColorDefault, color: theme.palette.getContrastText(backgroundColorDefault) }, /* Styles applied to the root element if `color="primary"`. */ colorPrimary: { backgroundColor: theme.palette.primary.main, color: theme.palette.primary.contrastText }, /* Styles applied to the root element if `color="secondary"`. */ colorSecondary: { backgroundColor: theme.palette.secondary.main, color: theme.palette.secondary.contrastText }, /* Styles applied to the root element if `color="inherit"`. */ colorInherit: { color: 'inherit' }, /* Styles applied to the root element if `color="transparent"`. */ colorTransparent: { backgroundColor: 'transparent', color: 'inherit' } }; }; exports.styles = styles; var AppBar = /*#__PURE__*/React.forwardRef(function AppBar(props, ref) { var classes = props.classes, className = props.className, _props$color = props.color, color = _props$color === void 0 ? 'primary' : _props$color, _props$position = props.position, position = _props$position === void 0 ? 'fixed' : _props$position, other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "color", "position"]); return /*#__PURE__*/React.createElement(_Paper.default, (0, _extends2.default)({ square: true, component: "header", elevation: 4, className: (0, _clsx.default)(classes.root, classes["position".concat((0, _capitalize.default)(position))], classes["color".concat((0, _capitalize.default)(color))], className, position === 'fixed' && 'mui-fixed'), ref: ref }, other)); }); process.env.NODE_ENV !== "production" ? AppBar.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the component. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The color of the component. It supports those theme colors that make sense for this component. */ color: _propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary', 'transparent']), /** * The positioning type. The behavior of the different options is described * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning). * Note: `sticky` is not universally supported and will fall back to `static` when unavailable. */ position: _propTypes.default.oneOf(['absolute', 'fixed', 'relative', 'static', 'sticky']) } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiAppBar' })(AppBar); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../Paper":198,"../styles/withStyles":347,"../utils/capitalize":355,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],39:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _AppBar.default; } }); var _AppBar = _interopRequireDefault(require("./AppBar")); },{"./AppBar":38,"@babel/runtime/helpers/interopRequireDefault":13}],40:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _Person = _interopRequireDefault(require("../internal/svg-icons/Person")); var styles = function styles(theme) { return { /* Styles applied to the root element. */ root: { position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0, width: 40, height: 40, fontFamily: theme.typography.fontFamily, fontSize: theme.typography.pxToRem(20), lineHeight: 1, borderRadius: '50%', overflow: 'hidden', userSelect: 'none' }, /* Styles applied to the root element if not `src` or `srcSet`. */ colorDefault: { color: theme.palette.background.default, backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[600] }, /* Styles applied to the root element if `variant="circle"`. */ circle: {}, /* Styles applied to the root element if `variant="circular"`. */ circular: {}, /* Styles applied to the root element if `variant="rounded"`. */ rounded: { borderRadius: theme.shape.borderRadius }, /* Styles applied to the root element if `variant="square"`. */ square: { borderRadius: 0 }, /* Styles applied to the img element if either `src` or `srcSet` is defined. */ img: { width: '100%', height: '100%', textAlign: 'center', // Handle non-square image. The property isn't supported by IE 11. objectFit: 'cover', // Hide alt text. color: 'transparent', // Hide the image broken icon, only works on Chrome. textIndent: 10000 }, /* Styles applied to the fallback icon */ fallback: { width: '75%', height: '75%' } }; }; exports.styles = styles; function useLoaded(_ref) { var src = _ref.src, srcSet = _ref.srcSet; var _React$useState = React.useState(false), loaded = _React$useState[0], setLoaded = _React$useState[1]; React.useEffect(function () { if (!src && !srcSet) { return undefined; } setLoaded(false); var active = true; var image = new Image(); image.src = src; image.srcSet = srcSet; image.onload = function () { if (!active) { return; } setLoaded('loaded'); }; image.onerror = function () { if (!active) { return; } setLoaded('error'); }; return function () { active = false; }; }, [src, srcSet]); return loaded; } var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(props, ref) { var alt = props.alt, childrenProp = props.children, classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? 'div' : _props$component, imgProps = props.imgProps, sizes = props.sizes, src = props.src, srcSet = props.srcSet, _props$variant = props.variant, variant = _props$variant === void 0 ? 'circle' : _props$variant, other = (0, _objectWithoutProperties2.default)(props, ["alt", "children", "classes", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"]); var children = null; // Use a hook instead of onError on the img element to support server-side rendering. var loaded = useLoaded({ src: src, srcSet: srcSet }); var hasImg = src || srcSet; var hasImgNotFailing = hasImg && loaded !== 'error'; if (hasImgNotFailing) { children = /*#__PURE__*/React.createElement("img", (0, _extends2.default)({ alt: alt, src: src, srcSet: srcSet, sizes: sizes, className: classes.img }, imgProps)); } else if (childrenProp != null) { children = childrenProp; } else if (hasImg && alt) { children = alt[0]; } else { children = /*#__PURE__*/React.createElement(_Person.default, { className: classes.fallback }); } return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({ className: (0, _clsx.default)(classes.root, classes.system, classes[variant], className, !hasImgNotFailing && classes.colorDefault), ref: ref }, other), children); }); process.env.NODE_ENV !== "production" ? Avatar.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * Used in combination with `src` or `srcSet` to * provide an alt attribute for the rendered `img` element. */ alt: _propTypes.default.string, /** * Used to render icon or text elements inside the Avatar if `src` is not set. * This can be an element, or just a string. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: _propTypes.default /* @typescript-to-proptypes-ignore */ .elementType, /** * Attributes applied to the `img` element if the component is used to display an image. * It can be used to listen for the loading error event. */ imgProps: _propTypes.default.object, /** * The `sizes` attribute for the `img` element. */ sizes: _propTypes.default.string, /** * The `src` attribute for the `img` element. */ src: _propTypes.default.string, /** * The `srcSet` attribute for the `img` element. * Use this attribute for responsive image display. */ srcSet: _propTypes.default.string, /** * The shape of the avatar. */ variant: _propTypes.default.oneOf(['circle', 'circular', 'rounded', 'square']) } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiAvatar' })(Avatar); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../internal/svg-icons/Person":324,"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],41:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _Avatar.default; } }); var _Avatar = _interopRequireDefault(require("./Avatar")); },{"./Avatar":40,"@babel/runtime/helpers/interopRequireDefault":13}],42:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _Fade = _interopRequireDefault(require("../Fade")); var styles = { /* Styles applied to the root element. */ root: { // Improve scrollable dialog support. zIndex: -1, position: 'fixed', display: 'flex', alignItems: 'center', justifyContent: 'center', right: 0, bottom: 0, top: 0, left: 0, backgroundColor: 'rgba(0, 0, 0, 0.5)', WebkitTapHighlightColor: 'transparent' }, /* Styles applied to the root element if `invisible={true}`. */ invisible: { backgroundColor: 'transparent' } }; exports.styles = styles; var Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(props, ref) { var children = props.children, classes = props.classes, className = props.className, _props$invisible = props.invisible, invisible = _props$invisible === void 0 ? false : _props$invisible, open = props.open, transitionDuration = props.transitionDuration, _props$TransitionComp = props.TransitionComponent, TransitionComponent = _props$TransitionComp === void 0 ? _Fade.default : _props$TransitionComp, other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "invisible", "open", "transitionDuration", "TransitionComponent"]); return /*#__PURE__*/React.createElement(TransitionComponent, (0, _extends2.default)({ in: open, timeout: transitionDuration }, other), /*#__PURE__*/React.createElement("div", { className: (0, _clsx.default)(classes.root, className, invisible && classes.invisible), "aria-hidden": true, ref: ref }, children)); }); process.env.NODE_ENV !== "production" ? Backdrop.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the component. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * If `true`, the backdrop is invisible. * It can be used when rendering a popover or a custom select component. */ invisible: _propTypes.default.bool, /** * If `true`, the backdrop is open. */ open: _propTypes.default.bool.isRequired, /** * The duration for the transition, in milliseconds. * You may specify a single timeout for all transitions, or individually with an object. */ transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({ appear: _propTypes.default.number, enter: _propTypes.default.number, exit: _propTypes.default.number })]) } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiBackdrop' })(Backdrop); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../Fade":115,"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],43:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _Backdrop.default; } }); var _Backdrop = _interopRequireDefault(require("./Backdrop")); },{"./Backdrop":42,"@babel/runtime/helpers/interopRequireDefault":13}],44:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _capitalize = _interopRequireDefault(require("../utils/capitalize")); var RADIUS_STANDARD = 10; var RADIUS_DOT = 4; var styles = function styles(theme) { return { /* Styles applied to the root element. */ root: { position: 'relative', display: 'inline-flex', // For correct alignment with the text. verticalAlign: 'middle', flexShrink: 0 }, /* Styles applied to the badge `span` element. */ badge: { display: 'flex', flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'center', alignContent: 'center', alignItems: 'center', position: 'absolute', boxSizing: 'border-box', fontFamily: theme.typography.fontFamily, fontWeight: theme.typography.fontWeightMedium, fontSize: theme.typography.pxToRem(12), minWidth: RADIUS_STANDARD * 2, lineHeight: 1, padding: '0 6px', height: RADIUS_STANDARD * 2, borderRadius: RADIUS_STANDARD, zIndex: 1, // Render the badge on top of potential ripples. transition: theme.transitions.create('transform', { easing: theme.transitions.easing.easeInOut, duration: theme.transitions.duration.enteringScreen }) }, /* Styles applied to the root element if `color="primary"`. */ colorPrimary: { backgroundColor: theme.palette.primary.main, color: theme.palette.primary.contrastText }, /* Styles applied to the root element if `color="secondary"`. */ colorSecondary: { backgroundColor: theme.palette.secondary.main, color: theme.palette.secondary.contrastText }, /* Styles applied to the root element if `color="error"`. */ colorError: { backgroundColor: theme.palette.error.main, color: theme.palette.error.contrastText }, /* Styles applied to the root element if `variant="dot"`. */ dot: { borderRadius: RADIUS_DOT, height: RADIUS_DOT * 2, minWidth: RADIUS_DOT * 2, padding: 0 }, /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }} overlap="rectangle"`. */ anchorOriginTopRightRectangle: { top: 0, right: 0, transform: 'scale(1) translate(50%, -50%)', transformOrigin: '100% 0%', '&$invisible': { transform: 'scale(0) translate(50%, -50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }} overlap="rectangle"`. */ anchorOriginBottomRightRectangle: { bottom: 0, right: 0, transform: 'scale(1) translate(50%, 50%)', transformOrigin: '100% 100%', '&$invisible': { transform: 'scale(0) translate(50%, 50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }} overlap="rectangle"`. */ anchorOriginTopLeftRectangle: { top: 0, left: 0, transform: 'scale(1) translate(-50%, -50%)', transformOrigin: '0% 0%', '&$invisible': { transform: 'scale(0) translate(-50%, -50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }} overlap="rectangle"`. */ anchorOriginBottomLeftRectangle: { bottom: 0, left: 0, transform: 'scale(1) translate(-50%, 50%)', transformOrigin: '0% 100%', '&$invisible': { transform: 'scale(0) translate(-50%, 50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }} overlap="circle"`. */ anchorOriginTopRightCircle: { top: '14%', right: '14%', transform: 'scale(1) translate(50%, -50%)', transformOrigin: '100% 0%', '&$invisible': { transform: 'scale(0) translate(50%, -50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }} overlap="circle"`. */ anchorOriginBottomRightCircle: { bottom: '14%', right: '14%', transform: 'scale(1) translate(50%, 50%)', transformOrigin: '100% 100%', '&$invisible': { transform: 'scale(0) translate(50%, 50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }} overlap="circle"`. */ anchorOriginTopLeftCircle: { top: '14%', left: '14%', transform: 'scale(1) translate(-50%, -50%)', transformOrigin: '0% 0%', '&$invisible': { transform: 'scale(0) translate(-50%, -50%)' } }, /* Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }} overlap="circle"`. */ anchorOriginBottomLeftCircle: { bottom: '14%', left: '14%', transform: 'scale(1) translate(-50%, 50%)', transformOrigin: '0% 100%', '&$invisible': { transform: 'scale(0) translate(-50%, 50%)' } }, /* Pseudo-class to the badge `span` element if `invisible={true}`. */ invisible: { transition: theme.transitions.create('transform', { easing: theme.transitions.easing.easeInOut, duration: theme.transitions.duration.leavingScreen }) } }; }; exports.styles = styles; var Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) { var _props$anchorOrigin = props.anchorOrigin, anchorOrigin = _props$anchorOrigin === void 0 ? { vertical: 'top', horizontal: 'right' } : _props$anchorOrigin, badgeContent = props.badgeContent, children = props.children, classes = props.classes, className = props.className, _props$color = props.color, color = _props$color === void 0 ? 'default' : _props$color, _props$component = props.component, ComponentProp = _props$component === void 0 ? 'span' : _props$component, invisibleProp = props.invisible, _props$max = props.max, max = _props$max === void 0 ? 99 : _props$max, _props$overlap = props.overlap, overlap = _props$overlap === void 0 ? 'rectangle' : _props$overlap, _props$showZero = props.showZero, showZero = _props$showZero === void 0 ? false : _props$showZero, _props$variant = props.variant, variant = _props$variant === void 0 ? 'standard' : _props$variant, other = (0, _objectWithoutProperties2.default)(props, ["anchorOrigin", "badgeContent", "children", "classes", "className", "color", "component", "invisible", "max", "overlap", "showZero", "variant"]); var invisible = invisibleProp; if (invisibleProp == null && (badgeContent === 0 && !showZero || badgeContent == null && variant !== 'dot')) { invisible = true; } var displayValue = ''; if (variant !== 'dot') { displayValue = badgeContent > max ? "".concat(max, "+") : badgeContent; } return /*#__PURE__*/React.createElement(ComponentProp, (0, _extends2.default)({ className: (0, _clsx.default)(classes.root, className), ref: ref }, other), children, /*#__PURE__*/React.createElement("span", { className: (0, _clsx.default)(classes.badge, classes["".concat(anchorOrigin.horizontal).concat((0, _capitalize.default)(anchorOrigin.vertical), "}")], classes["anchorOrigin".concat((0, _capitalize.default)(anchorOrigin.vertical)).concat((0, _capitalize.default)(anchorOrigin.horizontal)).concat((0, _capitalize.default)(overlap))], color !== 'default' && classes["color".concat((0, _capitalize.default)(color))], invisible && classes.invisible, variant === 'dot' && classes.dot) }, displayValue)); }); process.env.NODE_ENV !== "production" ? Badge.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The anchor of the badge. */ anchorOrigin: _propTypes.default.shape({ horizontal: _propTypes.default.oneOf(['left', 'right']).isRequired, vertical: _propTypes.default.oneOf(['bottom', 'top']).isRequired }), /** * The content rendered within the badge. */ badgeContent: _propTypes.default.node, /** * The badge will be added relative to this node. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The color of the component. It supports those theme colors that make sense for this component. */ color: _propTypes.default.oneOf(['default', 'error', 'primary', 'secondary']), /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: _propTypes.default /* @typescript-to-proptypes-ignore */ .elementType, /** * If `true`, the badge will be invisible. */ invisible: _propTypes.default.bool, /** * Max count to show. */ max: _propTypes.default.number, /** * Wrapped shape the badge should overlap. */ overlap: _propTypes.default.oneOf(['circle', 'rectangle']), /** * Controls whether the badge is hidden when `badgeContent` is zero. */ showZero: _propTypes.default.bool, /** * The variant to use. */ variant: _propTypes.default.oneOf(['dot', 'standard']) } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiBadge' })(Badge); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../styles/withStyles":347,"../utils/capitalize":355,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],45:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _Badge.default; } }); var _Badge = _interopRequireDefault(require("./Badge")); },{"./Badge":44,"@babel/runtime/helpers/interopRequireDefault":13}],46:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _ButtonBase = _interopRequireDefault(require("../ButtonBase")); var _unsupportedProp = _interopRequireDefault(require("../utils/unsupportedProp")); var styles = function styles(theme) { return { /* Styles applied to the root element. */ root: { transition: theme.transitions.create(['color', 'padding-top'], { duration: theme.transitions.duration.short }), padding: '6px 12px 8px', minWidth: 80, maxWidth: 168, color: theme.palette.text.secondary, flex: '1', '&$iconOnly': { paddingTop: 16 }, '&$selected': { paddingTop: 6, color: theme.palette.primary.main } }, /* Pseudo-class applied to the root element if selected. */ selected: {}, /* Pseudo-class applied to the root element if `showLabel={false}` and not selected. */ iconOnly: {}, /* Styles applied to the span element that wraps the icon and label. */ wrapper: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', width: '100%', flexDirection: 'column' }, /* Styles applied to the label's span element. */ label: { fontFamily: theme.typography.fontFamily, fontSize: theme.typography.pxToRem(12), opacity: 1, transition: 'font-size 0.2s, opacity 0.2s', transitionDelay: '0.1s', '&$iconOnly': { opacity: 0, transitionDelay: '0s' }, '&$selected': { fontSize: theme.typography.pxToRem(14) } } }; }; exports.styles = styles; var BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavigationAction(props, ref) { var classes = props.classes, className = props.className, icon = props.icon, label = props.label, onChange = props.onChange, onClick = props.onClick, selected = props.selected, showLabel = props.showLabel, value = props.value, other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"]); var handleChange = function handleChange(event) { if (onChange) { onChange(event, value); } if (onClick) { onClick(event); } }; return /*#__PURE__*/React.createElement(_ButtonBase.default, (0, _extends2.default)({ ref: ref, className: (0, _clsx.default)(classes.root, className, selected ? classes.selected : !showLabel && classes.iconOnly), focusRipple: true, onClick: handleChange }, other), /*#__PURE__*/React.createElement("span", { className: classes.wrapper }, icon, /*#__PURE__*/React.createElement("span", { className: (0, _clsx.default)(classes.label, selected ? classes.selected : !showLabel && classes.iconOnly) }, label))); }); process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * This prop isn't supported. * Use the `component` prop if you need to change the children structure. */ children: _unsupportedProp.default, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The icon element. */ icon: _propTypes.default.node, /** * The label element. */ label: _propTypes.default.node, /** * @ignore */ onChange: _propTypes.default.func, /** * @ignore */ onClick: _propTypes.default.func, /** * @ignore */ selected: _propTypes.default.bool, /** * If `true`, the `BottomNavigationAction` will show its label. * By default, only the selected `BottomNavigationAction` * inside `BottomNavigation` will show its label. */ showLabel: _propTypes.default.bool, /** * You can provide your own value. Otherwise, we fallback to the child position index. */ value: _propTypes.default.any } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiBottomNavigationAction' })(BottomNavigationAction); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../ButtonBase":58,"../styles/withStyles":347,"../utils/unsupportedProp":369,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517}],47:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _BottomNavigationAction.default; } }); var _BottomNavigationAction = _interopRequireDefault(require("./BottomNavigationAction")); },{"./BottomNavigationAction":46,"@babel/runtime/helpers/interopRequireDefault":13}],48:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _reactIs = require("react-is"); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var styles = function styles(theme) { return { /* Styles applied to the root element. */ root: { display: 'flex', justifyContent: 'center', height: 56, backgroundColor: theme.palette.background.paper } }; }; exports.styles = styles; var BottomNavigation = /*#__PURE__*/React.forwardRef(function BottomNavigation(props, ref) { var children = props.children, classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? 'div' : _props$component, onChange = props.onChange, _props$showLabels = props.showLabels, showLabels = _props$showLabels === void 0 ? false : _props$showLabels, value = props.value, other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "component", "onChange", "showLabels", "value"]); return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({ className: (0, _clsx.default)(classes.root, className), ref: ref }, other), React.Children.map(children, function (child, childIndex) { if (! /*#__PURE__*/React.isValidElement(child)) { return null; } if (process.env.NODE_ENV !== 'production') { if ((0, _reactIs.isFragment)(child)) { console.error(["Material-UI: The BottomNavigation component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n')); } } var childValue = child.props.value === undefined ? childIndex : child.props.value; return /*#__PURE__*/React.cloneElement(child, { selected: childValue === value, showLabel: child.props.showLabel !== undefined ? child.props.showLabel : showLabels, value: childValue, onChange: onChange }); })); }); process.env.NODE_ENV !== "production" ? BottomNavigation.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The content of the component. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: _propTypes.default /* @typescript-to-proptypes-ignore */ .elementType, /** * Callback fired when the value changes. * * @param {object} event The event source of the callback. * @param {any} value We default to the index of the child. */ onChange: _propTypes.default.func, /** * If `true`, all `BottomNavigationAction`s will show their labels. * By default, only the selected `BottomNavigationAction` will show its label. */ showLabels: _propTypes.default.bool, /** * The value of the currently selected `BottomNavigationAction`. */ value: _propTypes.default.any } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiBottomNavigation' })(BottomNavigation); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"clsx":454,"prop-types":494,"react":517,"react-is":504}],49:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _BottomNavigation.default; } }); var _BottomNavigation = _interopRequireDefault(require("./BottomNavigation")); },{"./BottomNavigation":48,"@babel/runtime/helpers/interopRequireDefault":13}],50:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styleFunction = void 0; var _system = require("@material-ui/system"); var _styled = _interopRequireDefault(require("../styles/styled")); var styleFunction = (0, _system.css)((0, _system.compose)(_system.borders, _system.display, _system.flexbox, _system.grid, _system.positions, _system.palette, _system.shadows, _system.sizing, _system.spacing, _system.typography)); /** * @ignore - do not document. */ exports.styleFunction = styleFunction; var Box = (0, _styled.default)('div')(styleFunction, { name: 'MuiBox' }); var _default = Box; exports.default = _default; },{"../styles/styled":344,"@babel/runtime/helpers/interopRequireDefault":13,"@material-ui/system":432}],51:[function(require,module,exports){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _Box.default; } }); Object.defineProperty(exports, "styleFunction", { enumerable: true, get: function get() { return _Box.styleFunction; } }); var _Box = _interopRequireWildcard(require("./Box")); },{"./Box":50,"@babel/runtime/helpers/interopRequireWildcard":14}],52:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _colorManipulator = require("../styles/colorManipulator"); var _MoreHoriz = _interopRequireDefault(require("../internal/svg-icons/MoreHoriz")); var _ButtonBase = _interopRequireDefault(require("../ButtonBase")); var styles = function styles(theme) { return { root: { display: 'flex', marginLeft: theme.spacing(0.5), marginRight: theme.spacing(0.5), backgroundColor: theme.palette.grey[100], color: theme.palette.grey[700], borderRadius: 2, cursor: 'pointer', '&:hover, &:focus': { backgroundColor: theme.palette.grey[200] }, '&:active': { boxShadow: theme.shadows[0], backgroundColor: (0, _colorManipulator.emphasize)(theme.palette.grey[200], 0.12) } }, icon: { width: 24, height: 16 } }; }; /** * @ignore - internal component. */ function BreadcrumbCollapsed(props) { var classes = props.classes, other = (0, _objectWithoutProperties2.default)(props, ["classes"]); return /*#__PURE__*/React.createElement(_ButtonBase.default, (0, _extends2.default)({ component: "li", className: classes.root, focusRipple: true }, other), /*#__PURE__*/React.createElement(_MoreHoriz.default, { className: classes.icon })); } process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = { /** * @ignore */ classes: _propTypes.default.object.isRequired } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'PrivateBreadcrumbCollapsed' })(BreadcrumbCollapsed); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../ButtonBase":58,"../internal/svg-icons/MoreHoriz":323,"../styles/colorManipulator":328,"../styles/withStyles":347,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"_process":527,"prop-types":494,"react":517}],53:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _reactIs = require("react-is"); var _propTypes = _interopRequireDefault(require("prop-types")); var _clsx = _interopRequireDefault(require("clsx")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _Typography = _interopRequireDefault(require("../Typography")); var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed")); var styles = { /* Styles applied to the root element. */ root: {}, /* Styles applied to the ol element. */ ol: { display: 'flex', flexWrap: 'wrap', alignItems: 'center', padding: 0, margin: 0, listStyle: 'none' }, /* Styles applied to the li element. */ li: {}, /* Styles applied to the separator element. */ separator: { display: 'flex', userSelect: 'none', marginLeft: 8, marginRight: 8 } }; exports.styles = styles; function insertSeparators(items, className, separator) { return items.reduce(function (acc, current, index) { if (index < items.length - 1) { acc = acc.concat(current, /*#__PURE__*/React.createElement("li", { "aria-hidden": true, key: "separator-".concat(index), className: className }, separator)); } else { acc.push(current); } return acc; }, []); } var Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(props, ref) { var children = props.children, classes = props.classes, className = props.className, _props$component = props.component, Component = _props$component === void 0 ? 'nav' : _props$component, _props$expandText = props.expandText, expandText = _props$expandText === void 0 ? 'Show path' : _props$expandText, _props$itemsAfterColl = props.itemsAfterCollapse, itemsAfterCollapse = _props$itemsAfterColl === void 0 ? 1 : _props$itemsAfterColl, _props$itemsBeforeCol = props.itemsBeforeCollapse, itemsBeforeCollapse = _props$itemsBeforeCol === void 0 ? 1 : _props$itemsBeforeCol, _props$maxItems = props.maxItems, maxItems = _props$maxItems === void 0 ? 8 : _props$maxItems, _props$separator = props.separator, separator = _props$separator === void 0 ? '/' : _props$separator, other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "component", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"]); var _React$useState = React.useState(false), expanded = _React$useState[0], setExpanded = _React$useState[1]; var renderItemsBeforeAndAfter = function renderItemsBeforeAndAfter(allItems) { var handleClickExpand = function handleClickExpand(event) { setExpanded(true); // The clicked element received the focus but gets removed from the DOM. // Let's keep the focus in the component after expanding. var focusable = event.currentTarget.parentNode.querySelector('a[href],button,[tabindex]'); if (focusable) { focusable.focus(); } }; // This defends against someone passing weird input, to ensure that if all // items would be shown anyway, we just show all items without the EllipsisItem if (itemsBeforeCollapse + itemsAfterCollapse >= allItems.length) { if (process.env.NODE_ENV !== 'production') { console.error(['Material-UI: You have provided an invalid combination of props to the Breadcrumbs.', "itemsAfterCollapse={".concat(itemsAfterCollapse, "} + itemsBeforeCollapse={").concat(itemsBeforeCollapse, "} >= maxItems={").concat(maxItems, "}")].join('\n')); } return allItems; } return [].concat((0, _toConsumableArray2.default)(allItems.slice(0, itemsBeforeCollapse)), [/*#__PURE__*/React.createElement(_BreadcrumbCollapsed.default, { "aria-label": expandText, key: "ellipsis", onClick: handleClickExpand })], (0, _toConsumableArray2.default)(allItems.slice(allItems.length - itemsAfterCollapse, allItems.length))); }; var allItems = React.Children.toArray(children).filter(function (child) { if (process.env.NODE_ENV !== 'production') { if ((0, _reactIs.isFragment)(child)) { console.error(["Material-UI: The Breadcrumbs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n')); } } return /*#__PURE__*/React.isValidElement(child); }).map(function (child, index) { return /*#__PURE__*/React.createElement("li", { className: classes.li, key: "child-".concat(index) }, child); }); return /*#__PURE__*/React.createElement(_Typography.default, (0, _extends2.default)({ ref: ref, component: Component, color: "textSecondary", className: (0, _clsx.default)(classes.root, className) }, other), /*#__PURE__*/React.createElement("ol", { className: classes.ol }, insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator))); }); process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes = { // ----------------------------- Warning -------------------------------- // | These PropTypes are generated from the TypeScript type definitions | // | To update them edit the d.ts file and run "yarn proptypes" | // ---------------------------------------------------------------------- /** * The breadcrumb children. */ children: _propTypes.default.node, /** * Override or extend the styles applied to the component. * See [CSS API](#css) below for more details. */ classes: _propTypes.default.object, /** * @ignore */ className: _propTypes.default.string, /** * The component used for the root node. * Either a string to use a HTML element or a component. */ component: _propTypes.default /* @typescript-to-proptypes-ignore */ .elementType, /** * Override the default label for the expand button. * * For localization purposes, you can use the provided [translations](/guides/localization/). */ expandText: _propTypes.default.string, /** * If max items is exceeded, the number of items to show after the ellipsis. */ itemsAfterCollapse: _propTypes.default.number, /** * If max items is exceeded, the number of items to show before the ellipsis. */ itemsBeforeCollapse: _propTypes.default.number, /** * Specifies the maximum number of breadcrumbs to display. When there are more * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse` * will be shown, with an ellipsis in between. */ maxItems: _propTypes.default.number, /** * Custom separator node. */ separator: _propTypes.default.node } : void 0; var _default = (0, _withStyles.default)(styles, { name: 'MuiBreadcrumbs' })(Breadcrumbs); exports.default = _default; }).call(this)}).call(this,require('_process')) },{"../Typography":285,"../styles/withStyles":347,"./BreadcrumbCollapsed":52,"@babel/runtime/helpers/extends":9,"@babel/runtime/helpers/interopRequireDefault":13,"@babel/runtime/helpers/interopRequireWildcard":14,"@babel/runtime/helpers/objectWithoutProperties":19,"@babel/runtime/helpers/toConsumableArray":25,"_process":527,"clsx":454,"prop-types":494,"react":517,"react-is":504}],54:[function(require,module,exports){ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function get() { return _Breadcrumbs.default; } }); var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs")); },{"./Breadcrumbs":53,"@babel/runtime/helpers/interopRequireDefault":13}],55:[function(require,module,exports){ (function (process){(function (){ "use strict"; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.styles = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _propTypes = _interopRequireDefault(require("prop-types")); var ReactDOM = _interopRequireWildcard(require("react-dom")); var _clsx = _interopRequireDefault(require("clsx")); var _utils = require("@material-ui/utils"); var _useForkRef = _interopRequireDefault(require("../utils/useForkRef")); var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback")); var _withStyles = _interopRequireDefault(require("../styles/withStyles")); var _useIsFocusVisible2 = _interopRequireDefault(require("../utils/useIsFocusVisible")); var _TouchRipple = _interopRequireDefault(require("./TouchRipple")); var styles = { /* Styles applied to the root element. */ root: { display: 'inline-flex', alignItems: 'center', justifyContent: 'center', position: 'relative', WebkitTapHighlightColor: 'transparent', backgroundColor: 'transparent', // Reset default value // We disable the focus ring for mouse, touch and keyboard users. outline: 0, border: 0, margin: 0, // Remove the margin in Safari borderRadius: 0, padding: 0, // Remove the padding in Firefox cursor: 'pointer', userSelect: 'none', verticalAlign: 'middle', '-moz-appearance': 'none', // Reset '-webkit-appearance': 'none', // Reset textDecoration: 'none', // So we take precedent over the style of a native element. color: 'inherit', '&::-moz-focus-inner': { borderStyle: 'none' // Remove Firefox dotted outline. }, '&$disabled': { pointerEvents: 'none', // Disable link interactions cursor: 'default' }, '@media print': { colorAdjust: 'exact' } }, /* Pseudo-class applied to the root element if `disabled={true}`. */ disabled: {}, /* Pseudo-class applied to the root element if keyboard focused. */ focusVisible: {} }; /** * `ButtonBase` contains as few styles as possible. * It aims to be a simple building block for creating a button. * It contains a load of style reset and some focus/ripple logic. */ exports.styles = styles; var ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) { var action = props.action, buttonRefProp = props.buttonRef, _props$centerRipple = props.centerRipple, centerRipple = _props$centerRipple === void 0 ? false : _props$centerRipple, children = props.children, classes = props.classes, className = props.className, _props$component = props.component, component = _props$component === void 0 ? 'button' : _props$component, _props$disabled = props.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$disableRipple = props.disableRipple, disableRipple = _props$disableRipple === void 0 ? false : _props$disableRipple, _props$disableTouchRi = props.disableTouchRipple, disableTouchRipple = _props$disableTouchRi === void 0 ? false : _props$disableTouchRi, _props$focusRipple = props.focusRipple, focusRipple = _props$focusRipple === void 0 ? false : _props$focusRipple, focusVisibleClassName = props.focusVisibleClassName, onBlur = props.onBlur, onClick = props.onClick, onFocus = props.onFocus, onFocusVisible = props.onFocusVisible, onKeyDown = props.onKeyDown, onKeyUp = props.onKeyUp, onMouseDown = props.onMouseDown, onMouseLeave = props.onMouseLeave, onMouseUp = props.onMouseUp, onTouchEnd = props.onTouchEnd, onTouchMove = props.onTouchMove, onTouchStart = props.onTouchStart, onDragLeave = props.onDragLeave, _props$tabIndex = props.tabIndex, tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex, TouchRippleProps = props.TouchRippleProps, _props$type = props.type, type = _props$type === void 0 ? 'button' : _props$type, other = (0, _objectWithoutProperties2.default)(props, ["action", "buttonRef", "centerRipple", "children", "classes", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "onBlur", "onClick", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "onDragLeave", "tabIndex", "TouchRippleProps", "type"]); var buttonRef = React.useRef(null); function getButtonNode() { // #StrictMode ready return ReactDOM.findDOMNode(buttonRef.current); } var rippleRef = React.useRef(null); var _React$useState = React.useState(false), focusVisible = _React$useState[0], setFocusVisible = _React$useState[1]; if (disabled && focusVisible) { setFocusVisible(false); } var _useIsFocusVisible = (0, _useIsFocusVisible2.default)(), isFocusVisible = _useIsFocusVisible.isFocusVisible, onBlurVisible = _useIsFocusVisible.onBlurVisible, focusVisibleRef = _useIsFocusVisible.ref; React.useImperativeHandle(action, function () { return { focusVisible: function focusVisible() { setFocusVisible(true); buttonRef.current.focus(); } }; }, []); React.useEffect(function () { if (focusVisible && focusRipple && !disableRipple) { rippleRef.current.pulsate(); } }, [disableRipple, focusRipple, focusVisible]); function useRippleHandler(rippleAction, eventCallback) { var skipRippleAction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : disableTouchRipple; return (0, _useEventCallback.default)(function (event) { if (eventCallback) { eventCallback(event); } var ignore = skipRippleAction; if (!ignore && rippleRef.current) { rippleRef.current[rippleAction](event); } return true; }); } var handleMouseDown = useRippleHandler('start', onMouseDown); var handleDragLeave = useRippleHandler('stop', onDragLeave); var handleMouseUp = useRippleHandler('stop', onMouseUp); var handleMouseLeave = useRippleHandler('stop', function (event) { if (focusVisible) { event.preventDefault(); } if (onMouseLeave) { onMouseLeave(event); } }); var handleTouchStart = useRippleHandler('start', onTouchStart); var handleTouchEnd = useRippleHandler('stop', onTouchEnd); var handleTouchMove = useRippleHandler('stop', onTouchMove); var handleBlur = useRippleHandler('stop', function (event) { if (focusVisible) { onBlurVisible(event); setFocusVisible(false); } if (onBlur) { onBlur(event); } }, false); var handleFocus = (0, _useEventCallback.default)(function (event) { // Fix for https://github.com/facebook/react/issues/7769 if (!buttonRef.current) { buttonRef.current = event.currentTarget; } if (isFocusVisible(event)) { setFocusVisible(true); if (onFocusVisible) { onFocusVisible(event); } } if (onFocus) { onFocus(event); } }); var isNonNativeButton = function isNonNativeButton() { var button = getButtonNode(); return component && component !== 'button' && !(button.tagName === 'A' && button.href); }; /** * IE 11 shim for https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat */ var keydownRef = React.useRef(false); var handleKeyDown = (0, _useEventCallback.default)(function (event) { // Check if key is already down to avoid repeats being counted as multiple activations if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') { keydownRef.current = true; event.persist(); rippleRef.current.stop(event, function () { rippleRef.current.start(event); }); } if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') { event.preventDefault(); } if (onKeyDown) { onKeyDown(event); } // Keyboard accessibility for non interactive elements if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) { event.preventDefault(); if (onClick) { onClick(event); } } }); var handleKeyUp = (0, _useEventCallback.default)(function (event) { // calling preventDefault in keyUp on a